<template>
  <div class="Asset">
    <!-- 树型控件 -->
    <asset-tree />
    <div class="Asset_right">
      <!-- 搜索 -->
      <asset-search />
      <!-- 列表 -->
      <asset-list />
      <!-- 新增-编辑 -->
      <a-drawer v-model:visible="dataAsset.drawer" destroy-on-close class="custom-class" width="80%" style="color: red" title="数据资产表基础信息" placement="right">
        <asset-add />
      </a-drawer>
      <!-- 详情弹窗 -->
      <a-modal v-model:visible="dataAsset.sdialog" class="custom-class" width="60%" style="color: red" placement="right" :footer="null" :destroy-on-close="true">
        <asset-detail></asset-detail>
      </a-modal>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import AssetTree from './components/AssetTree.vue';
  import AssetSearch from './components/AssetSearch.vue';
  import AssetList from './components/AssetList.vue';
  import AssetAdd from './components/AssetAdd.vue';
  import AssetDetail from './components/AssetDetail.vue';
  import { getDataAssetDetailHooks } from '@/hooks/DataAssetManagementHooks/getDataAssetDetailHooks';
  import { useRoute } from 'vue-router';
  import { getListHooks } from '@/hooks/DataAssetManagementHooks/getDataAssetListHooks';
  //获取路由传递的菜单编号
  const route = useRoute();
  //引入hooks
  const { dataAsset } = getDataAssetDetailHooks();
  const { getData, table } = getListHooks();
  getData();
</script>

<style lang="less" scoped>
  .Asset {
    display: flex;
    justify-content: space-between;
    height: 100%;

    .Asset_right {
      //   box-shadow: 0px 0px 20px 2px #b4b1b2;
      width: 78%;
    }
  }
</style>
